.luckDraw .turntable-wrapper {
  position: relative;
  background: #FA475C url("./imgs/bg.jpg") no-repeat center top;
  background-size: 100%;
  padding-top: 7.8rem;
  padding-bottom: 1.5rem;
}
.luckDraw .turntable-wrapper .luck-wrapper {
  margin: 0 auto;
  position: relative;
  /* @include background-cover("background-turntable.png"); */
}

.nineGrid {
  width: 8.2rem;
  margin-left: 1rem;
  position: relative;
}
.nineGrid li {
  height: 1.72rem;
  display: flex;
  margin-top: 1px;
}
.nineGrid li > div {
  flex: 1;
  margin-right: 1px;
  text-align: center;
  position: relative;
}
.nineGrid li > div .wrapper {
  width: 100%;
  height: 100%;
  padding: .08rem;
}
.nineGrid li > div img {
  width: 1.8rem;
  vertical-align: middle;
  border-radius: .3rem;
  position: relative;
  z-index: 2;
  margin-top: .06rem;
}
.nineGrid li > div .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 1;
  border-radius: 10px;
  background-color: #fdf052;
  display: none;
}
.nineGrid li > div.active .mask {
  display: block;
}
.nineGrid li > div:first-child {
  margin-left: 1px;
}
.nineGrid li > div.getLuck {
  /* @include background-cover("background-getLuck.png"); */
  font-size: 0;
}

.nineGrid li:last-child {
  margin-bottom: 1px;
}
.nineGrid li > div.center-item{
  flex: none;
  position: absolute;
}
.nineGrid li > div.center-item4,.nineGrid li > div.center-item5{
  right: 0;
}
.nineGrid li > div.center-item4{
  top: 1.65rem;
}
.nineGrid li > div.center-item5{
  top: 3.3rem;
}
.nineGrid li:nth-child(2){
  height: 3.2rem;
}
.nineGrid li > div.center-item10,.nineGrid li > div.center-item11{
  left: 0;
}
.nineGrid li > div.center-item11{
  top: 1.65rem;
}
.nineGrid li > div.center-item10{
  top: 3.3rem;
}
.nineGrid li > div.getLuck img{
  width: 3.7rem;
}
.nineGrid li > div.center-item img{
  margin-top: 0;
}
.tip {
  position: relative;
  margin: 1.2rem auto 0;
  width: 8.5rem;
  border: 1px solid #fbc27f;
  margin-top: 2rem;
}
.tip-title {
  position: absolute;
  top: -.5rem;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: .5rem;
  color: #fccc6e;
  background: #fa3b5c;
  padding: 0.1525rem 0.325rem;
  border: 1px solid #fbc27f
}
.tip-content {
  padding: .7625rem 0.325rem;
  font-size: 0.4rem;
  color: #fff8c5;
  line-height: 1.5;
}
.mycontent div.btn-lottery{
  width: 4.8rem;
  text-align: center;
  line-height: 1rem;
  color: #fff;
  padding: 0;
  border: 2px solid #fff;
  border-radius: 5px;
  margin: 0 auto;
  margin-top: 2rem;
}



/* 弹框 */
.code_input{
  width: 80%;
  padding: .3rem;
  border: 2px solid #fccc6e;
  border-radius: .1rem;
}
.toast-mask {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 4;
  width: 100%;
  height: 100%;
}
.toast {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 5;
  transform: translate(-50%, -50%);
  width:7.4375rem;
  background: #fff;
  border-radius: 0.1525rem;
  padding: 0.1525rem;
  background-color: rgb(252, 244, 224);
}
.toast-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.toast-picture {
  position: absolute;
  top: -2.2rem;
  left: -0.7rem;
  width: 8.75rem;
  height: 3.5rem;
}
.toast-pictrue-change {
  position: absolute;
  top: -0.7rem;
  left: -0.875rem;
  width: 8.5rem;
  height: 1.525rem;
}
.toast-title {
  padding: 1.4125rem 0;
  font-size: 18px;
  color: #fc7939;
  text-align: center;
}
.toast-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.4375rem;
}
.toast-btn button {
  border: none;
  background-image: -moz-linear-gradient(
    -18deg,
    rgb(242, 148, 85) 0%,
    rgb(252, 124, 88) 51%,
    rgb(252, 124, 88) 99%
  );

  background-image: -ms-linear-gradient(
    -18deg,
    rgb(242, 148, 85) 0%,
    rgb(252, 124, 88) 51%,
    rgb(252, 124, 88) 99%
  );
  background-image: -webkit-linear-gradient(
    -18deg,
    rgb(242, 148, 85) 0%,
    rgb(252, 124, 88) 51%,
    rgb(252, 124, 88) 99%
  );
  box-shadow: 0px 4px 0px 0px rgba(174, 34, 5, 0.7);
  width: 2.6875rem;
  height: .975rem;
  border-radius: .975rem;
  text-align: center;
  line-height: .975rem;
  color: #fff;
}
:focus{
    outline: 0;
}
.close {
  position: absolute;
  top: -0.4375rem;
  right: -0.4375rem;
  width: 1rem;
  height: 1rem;
  background: url("./img/close_store.png") no-repeat center top;
  background-size: 100%;
}
#pop-toast{
  background: url("./img/pop-bg.png") no-repeat center top;
  background-size: 100%;
  height: 10rem;
}
#pop-toast .pop-container .pop-head{
  /* margin-top: 2.1rem; */
  padding-top: 2.1rem;
  text-align: center;
}
#pop-toast .pop-container .pop-head img{
  width: 2rem;
  height: 2rem;
  border-radius: 5rem;
  display: inline-block;
}
#pop-toast .pop-container .pop-head .pop-name{
  margin-top: .4rem;
  color: #fff;
}
#pop-toast .pop-container .pop-main{
  text-align: center;
  margin-top: .6rem;

}
#pop-toast .pop-container .pop-main p{
    font-size: .45rem;
    font-weight: 600;
}
#pop-toast .pop-btn{
  margin-top: .6rem;
  height: 1.2rem;
}
.pop-money{
  font-size: .6rem;
  height: 2rem;
  color: #ff3f32;
  display: block;
  line-height: 2rem;
  text-align: center;
}
#pop-toast .pop-container .pop-main p.daijin{
  font-size: .3rem;
  color: red;
  margin-top: 0;
  font-weight: 500;
}
